<div class="main patrol">
  <div class="main-header">
    <div class="pa-icon-div pull-left fs-14">
      <i class="iconfont icon-shouye fs-14 icon-vertical-top"></i>
      <span class="fs-vertical-middle">首页>
      <span class="fs-theme-color">待办列表</span>
      </span>
    </div>
    <go-back></go-back>
  </div>
  <div class="main-content">
    <div class="search-info">
      <div class="container-header fs-16">
        <span>待办列表</span>
      </div>
    </div>
    <div class="switch-tabs clear detail-switch"
      style="margin-top: 20px;">
      <div class="table-item"
        ng-repeat="item in vm.tabData"
        ng-class="{'active': $index == vm.selectedIndex}"
        ng-click="vm.$paginationQuery(item.type, $index)">{{item.name}}</div>
    </div>
    <div class="pa-table-container">
      <table class="pa-table">
        <thead>
          <tr>
            <th>时间</th>
            <th>类型</th>
            <th>主题</th>
            <th class="operate-three">操作</th>
          </tr>
        </thead>
        <tbody>
          <tr ng-show="vm.$table.fetchTimes > 0 &amp;&amp; vm.$table.pagination.total == 0 &amp;&amp; !vm.$table.isTableLoading" class="ng-scope ng-hide" aria-hidden="true">
            <td colspan="8">
              <div>暂无数据</div>
            </td>
          </tr>
          <tr ng-show="vm.$table.isTableLoading" class="ng-scope ng-hide" aria-hidden="true">
            <td colspan="8">
              <div>数据加载中...</div>
            </td>
          </tr>
          <tr ng-repeat="item in vm.listData">
            <td>{{item.createTime | date:"yyyy-MM-dd"}}</td>
            <td>{{vm.getType(item.todoType)}}</td>
            <td>{{item.title}}</td>
            <td>
              <div class="operate-del"
                ng-click="vm.$goPageDetail(item)">
                <i class="iconfont icon-jilu3 detail-color fs-12"></i>
                <span>去办理</span>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
      <div style="margin:20px 0;height:30px;display: inline-block;">共计<span style="color: #008bdd">{{vm.$table.pagination.totalItems}}</span>条</div>
      <ul uib-pagination
        total-items="vm.$table.pagination.totalItems"
        items-per-page="vm.$table.pagination.ITEMS_PER_PAGE"
        ng-model="vm.$table.pagination.currentPage"
        ng-change="vm.$paginationQuery()"
        max-size="vm.$table.pagination.maxSize"
        next-text="下一页"
        previous-text="上一页"
        class="pagination-sm pull-right"
        boundary-link-numbers="true"
        rotate="true"
        force-ellipses="true"></ul>
    </div>
  </div>
</div>
